<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="../js/d3.v3.js"></script>
</head>
<body>
<script>
	var w = 300;
	var h = 300;

	var outerRadius = w / 2;
	var innerRadius = 100;

	var dataset = [5, 10, 20, 45, 6, 25];

	var pie = d3.layout.pie();

	var arc = d3.svg.arc()
			.innerRadius(innerRadius)
			.outerRadius(outerRadius)
	var color = d3.scale.category10();

	var svg = d3.select("body")
			.append("svg")
			.attr("width", w)
			.attr("height", h)

	var arcs = svg.selectAll("g.arc")
			.data(pie(dataset))
			.enter()
			.append("g")
			.attr("class", "arc")
			.attr("transform", "translate(" + outerRadius + ", " + outerRadius + ")")

	arcs.append("path")
			.attr("fill", function(d, i){
				return color(i);
			})
			.attr("d", arc)


</script>

</body>
</html>